﻿@{
    ViewBag.Title = "Contact";
}

@*<hgroup class="title">
    <h1>@ViewBag.Title.</h1>
    <h2>@ViewBag.Message</h2>
</hgroup>*@

<div class="breadcrumb" style="background-color: ;">
    <div class="container">
        <div class="breadcrumb-inner">
            <div class="subtitle">
                <h1 class="cs-page-title">Contact Us</h1>
                <p>One Caste, One Religion and One God</p>
            </div>
            <div class="breadcrumbs">
                <ul>
                    <li><a href="../index.html">Home</a></li>
                    <li class="active">Contact Us</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="clear"></div>
<div class="header_element"></div>
<div id="main">
    <div class="container">
        <div class="row">
            <div class="col-md-12 ">
                <style>
      #map_canvas1 {
        width: 1000px;
        height: 350px;
      }
    </style>
    <script src="https://maps.googleapis.com/maps/api/js"></script>
    <script>
        //jQuery(window).load(function () {
        //    setTimeout(function () {
        //        jQuery('.cs-map-1').animate({
        //            'height': '340'
        //        }, 400)
        //    }, 400)
        //})

        function initialize() {
            var myLatlng = new google.maps.LatLng(18.625261, 73.808638);
            var mapOptions = {
                center:myLatlng,
                zoom: 11,
                scrollwheel: true,
                draggable: true,
                center: myLatlng,
                mapTypeId: google.maps.MapTypeId.ROADMAP,
                disableDefaultUI: false,
            }

            var map = new google.maps.Map(document.getElementById('map_canvas1'), mapOptions);
            var infowindow = new google.maps.InfoWindow({
                content: 'Brahma Shree Narayan Guru Seva Samiti, Poojary Complex, Kharalwadi, Pimpri, Pune 411018',
                maxWidth: 200,
                maxHeight: 111,
                position: myLatlng
            });

            var marker = new google.maps.Marker({
                position: myLatlng,
                map: map,
                title: '',
                icon: '',
                shadow: ''
            });


            if (infowindow.content != '') {
                infowindow.open(map, marker);
                map.panBy(1, -60);
                google.maps.event.addListener(marker, 'click', function (event) {
                    infowindow.open(map, marker);
                });

            }
        }

        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
                <div class="element_size_100 cs-map-1">
                    <div class="mapcode iframe mapsection gmapwrapp" id="map_canvas1" style="height: 340px;"></div>
                </div>
                


                <div class="element_size_100 column">
                    <br>
                </div>
                <div class="element_size_100">
                    <!-- Prayer Submit Start -->
                    <div class="services border-bottom">


                        <article class="service-v3">
                            <figure><i class="fa fa-users fa-2x"></i></figure>
                            <div class="text">
                                <h5><a href="#">Volunteer opportunities</a></h5>
                                <p>Bestibulum adipiscing aliquet imperdiet. Nam dui mauris, lacinia tristique molestie eu.</p>
                            </div>
                        </article>


                        <article class="service-v3">
                            <figure><i class="fa fa-heart fa-2x"></i></figure>
                            <div class="text">
                                <h5><a href="#">Dontation Support</a></h5>
                                <p>Bestibulum adipiscing aliquet imperdiet. Nam dui mauris, lacinia tristique molestie eu.</p>
                            </div>
                        </article>


                        <article class="service-v3">
                            <figure><i class="fa fa-globe fa-2x"></i></figure>
                            <div class="text">
                                <h5><a href="#">Policy information</a></h5>
                                <p>Bestibulum adipiscing aliquet imperdiet. Nam dui mauris, lacinia tristique molestie eu.</p>
                            </div>
                        </article>
                    </div>
                    <!-- Prayer Submit End -->
                    <div class="clearfix"></div>
                </div>
                <div class="element_size_25 column">
                    <div class="">
                        <div class="text-widget">
                            <header class="cs-heading-title">
                                <h2 class="cs-section-title">Main Office</h2>
                            </header>
                        </div>
                        <div class="text-info">
                            <p>
                                <i class="fa fa-envelope"></i>
                                Postel Address
                            </p>
                            <div class="postel-text">
                                <p>
                                    Brahma Shree Narayan Guru Seva Samithi,<br>
                                    Poojary Complex, Kharalwadi,<br>
                                    Pimpri, Pune 411018<br>
                                    Maharashrta, India
                                </p>
                            </div>
                            <ul>
                                <li>
                                    <i class="fa fa-phone"></i>
                                    <span>Phone</span>
                                    <p>123.456.78910</p>
                                </li>
                                <li>
                                    <i class="fa fa-mobile"></i>
                                    <span>Mobile</span>
                                    <p>(800) 123 4567 89</p>
                                </li>
                                <li>
                                    <i class="fa fa-print"></i>
                                    <span>Fax</span>
                                    <p>123.456.78910</p>
                                </li>
                                <li>
                                    <i class="fa fa-envelope"></i>
                                    <span>Email</span>
                                    <p>123.456.78910</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <script type="text/javascript">
                    jQuery().ready(function ($) {
                        var container = $('');
                        var validator = jQuery("#frm5").validate({
                            messages: {
                                contact_name: '',
                                contact_email: {
                                    required: '',
                                    email: '',
                                },
                                subject: {
                                    required: '',
                                },
                                contact_msg: '',
                            },
                            errorContainer: container,
                            errorLabelContainer: jQuery(container),
                            errorElement: 'div',
                            errorClass: 'frm_error',
                            meta: "validate"
                        });
                    });
                    function frm_submit5() {
                        var $ = jQuery;
                        $("#submit_btn5").hide();
                        $("#loading_div5").html('<img src="http://chimpgroup.com/wp-demo/westand/westand-church/wp-content/themes/westand/images/ajax-loader.gif" alt="" />');
                        $.ajax({
                            type: 'POST',
                            url: 'http://chimpgroup.com/wp-demo/westand/westand-church/wp-content/themes/westand/page_contact_submit.php',
                            data: $('#frm5').serialize(),
                            success: function (response) {
                                //$('#frm').get(0).reset();
                                $("#loading_div5").html('');
                                $("#form_hide5").hide();
                                $("#succ_mess5").show('');
                                $("#succ_mess5").html(response);
                                //$('#frm_slide').find('.form_result').html(response);
                            }
                        });
                    }
    </script>
                <div class="element_size_75">
                    <header class="cs-heading-title">
                        <h2 class="cs-section-title">Send us a message</h2>
                    </header>
                    <div class="inputforms respond">
                        <div class="textsection">
                            <div class="succ_mess" id="succ_mess5" style="display: none;"></div>
                        </div>
                        <div id="form_hide5">
                            <div class="respond fullwidth" id="respond">

                                <form id="frm5" name="frm5" method="post" action="javascript:frm_submit5()" novalidate>

                                    <p class="comment-form-author">
                                        <label>Name<span>(required)</span></label>
                                        <span class="icon-input">
                                            <input type="text" name="contact_name" id="contact_name" class="nameinput {validate:{required:true}}" value="" />
                                            <i class="fa fa-user"></i>
                                        </span>
                                    </p>
                                    <p class="comment-form-email">
                                        <label>Email<span>(required)</span></label>
                                        <span class="icon-input">
                                            <input type="text" name="contact_email" id="contact_email" class="emailinput {validate:{required:true ,email:true}}" value="" />
                                            <i class="fa fa-envelope"></i>
                                        </span>
                                    </p>
                                    <p class="comment-form-contact">
                                        <label>Subject<span>(required)</span></label>
                                        <span class="icon-input">
                                            <input type="text" name="subject" id="subject" class="subjectinput {validate:{required:true}}" value="" />
                                            <i class="fa fa-align-left"></i>
                                        </span>

                                    </p>
                                    <p class="comment-form-comment">
                                        <label>Message<span>(required)</span></label>
                                        <textarea name="contact_msg" id="contact_msg" class="{validate:{required:true}}" /></textarea>
                        
                   
                                    </p>

                                    <p class="form-submit">
                                        <input type="hidden" value="irfan@gmail.com" name="cs_contact_email">
                                        <input type="hidden" value="Email Sent Successfully.
Thank you, your message has been submitted to us."
                                            name="cs_contact_succ_msg">
                                        <input type="hidden" name="bloginfo" value="WeStand" />
                                        <input type="hidden" name="counter_node" value="5" />
                                        <input type="submit" value="submit" name="" id="submit_btn5"></input>

                                        <div id="loading_div5"></div>
                                    </p>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!-- Row End -->
    </div>
</div>


@*<section class="contact">
    <header>
        <h3>Phone</h3>
    </header>
    <p>
        <span class="label">Main:</span>
        <span>425.555.0100</span>
    </p>
    <p>
        <span class="label">After Hours:</span>
        <span>425.555.0199</span>
    </p>
</section>

<section class="contact">
    <header>
        <h3>Email</h3>
    </header>
    <p>
        <span class="label">Support:</span>
        <span><a href="mailto:Support@example.com">Support@example.com</a></span>
    </p>
    <p>
        <span class="label">Marketing:</span>
        <span><a href="mailto:Marketing@example.com">Marketing@example.com</a></span>
    </p>
    <p>
        <span class="label">General:</span>
        <span><a href="mailto:General@example.com">General@example.com</a></span>
    </p>
</section>

<section class="contact">
    <header>
        <h3>Address</h3>
    </header>
    <p>
        One Microsoft Way<br />
        Redmond, WA 98052-6399
    </p>
</section>*@
